<template>
	<view>
		<view style="width: 220rpx;position: relative;">
			<image :src="$url+item.imageUrl" mode="aspectFill"
			style="width: 220rpx;height: 300rpx;border-radius: 0.5em;"></image>
			<text style="position: absolute;right: 10rpx;top: 10rpx;background-color: #635A5B;
			color: #FFFFFF;padding: 5rpx;">{{item.state}}</text>
		</view>
		<view >
			<h4 class="u-line-1" style="margin-top: 10rpx;">{{item.name}}</h4>
			<view style="color: #808080;padding: 20rpx 0;font-size: 22rpx;">{{item.types}}&nbsp;·&nbsp;{{item.state}}&nbsp;·&nbsp;{{item.heat}}万热度</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:["item"],
		name:"book-item-shuangL",
		data() {
			return {
				
			};
		}
	}
</script>

<style>

</style>
